﻿/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

html, div, map, dt, isindex, form, header, aside, section, section, article, footer
{
    display: block;
}

ol, ul, li
{
    list-style: none;
}

html
{
    height: 100%;
}

body
{
    height: 100%;
    background-color: #fff;
    color: #333;
    font-size: .75em;
    font-family: "宋体", Verdana, Helvetica, Sans-Serif;
}

a
{
    color: #333;
    outline: none;
    text-decoration: none;
}

    a:link, a:visited,
    a:active, a:hover
    {
        color: #333;
    }

    a:hover
    {
        color: #333;
        text-decoration: underline;
    }


.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.clear-fix:after
{
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6
{
    margin-bottom: 0;
    padding-bottom: 0;
}

h1
{
    font-size: 2em;
}

h2
{
    font-size: 1.75em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active
    {
        padding: 0;
        text-decoration: none;
    }

.clear
{
    clear: both;
}

.spacer
{
    height: 20px;
}

#logo
{
    margin-left: 20px;
    font-family: "微软雅黑","黑体";
    margin-top: 15px;
}

#login
{
    margin-top: 20px;
    font-size: 1.2em;
}

    #login a
    {
        margin-right: 5px;
        font-size: 0.8em;
    }

    #login form
    {
        display: inline;
    }

#menus a
{
    font-size: 1em;
    line-height: 2.2em;
    padding-left: 2.8em;
}

#menus .ui-menu .ui-icon
{
    left: 0.6em;
    top: 0.6em;
}

#menus .ui-accordion-content
{
    padding: 0;
}

    #menus .ui-accordion-content .ui-widget-content
    {
        border: none;
    }

#menus .ui-menu
{
    margin: 5px auto;
    padding: 0;
    width: 200px;
}

    #menus .ui-menu .ui-menu-item
    {
        margin: 5px 0;
        border: 1px solid #AED0EA;
        border-radius: 6px;
        background: url("themes/cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50% #D7EBF9;
    }


/*layout样式*/
.ui-layout-pane
{ /* all 'panes' */
    background: #FFF;
    border: 1px solid #AED0EA;
    padding: 2px 5px;
}

.ui-layout-content
{
    padding: 0px;
}

.ui-layout-pane-north, .ui-layout-pane-south
{
    padding: 0px;
    border: none;
    background-color: #3BAAE3;
    color: #fff;
}

    .ui-layout-pane-north, .ui-layout-pane-south a
    {
        color: #fff;
    }

.ui-layout-pane-south
{
    font-size: 1em;
    text-align: center;
    overflow: hidden;
}

.ui-layout-pane-west
{
    overflow: hidden;
    padding: 0 5px 5px 5px;
}

.ui-layout-resizer
{ /* all 'resizer-bars' */
    background: #D7EBF9;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #AED0EA;
    border-top: 1px solid #AED0EA;
}

.ui-layout-resizer-open-hover, /* hover-color to 'resize' */
.ui-layout-resizer-dragging
{ /* resizer beging 'dragging' */
}

.ui-layout-toggler-west-open
{
    background: url(themes/cupertino/images/toggle-lt.gif) no-repeat center right;
    border: none;
}

.ui-layout-toggler-closed
{
    background-color: #3BAAE3;
}

.ui-layout-toggler-hover, /* need when NOT resizable */
.ui-layout-resizer-hover .ui-layout-toggler-hover
{ /* need specificity when IS resizable */
    background-color: #D7EBF9;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year
{
    width: 45%;
}

/* info and errors */
.message-info
{
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error
{
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success
{
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error
{
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error
{
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error
{
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.module_content .validation-summary-errors
{
    display: block;
    width: 95%;
    margin: 10px 3% 0 3%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F3D9D9 url(images/icn_alert_error.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #D20009;
    color: #7B040F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.validation-summary-valid
{
    display: none;
}


.module
{
    border: 1px solid #DDDDDD;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    margin: 0 auto;
    margin-bottom: 10px;
}

    .module header h3
    {
        display: block;
        width: 90%;
        float: left;
        color: #1F1F20;
        font-size: 1em;
        margin: 8px 20px;
        text-shadow: 0 1px 0 #FFFFFF;
        text-transform: uppercase;
    }

    .module header
    {
        height: 33px;
        width: 100%;
        background: url(images/secondary_bar.png) repeat-x;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .module footer
    {
        height: 38px;
        width: 100%;
        border-top: 1px solid #DDDDDD;
        background: #F1F1F4 url(images/module_footer_bg.png) repeat-x;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
    }

.module_content
{
    margin: 10px 20px;
    color: #666;
}

/* Module Widths */

.width_full
{
    width: 99%;
}

.width_half
{
    width: 46%;
    margin-right: 0;
    float: left;
}

.width_quarter
{
    width: 26%;
    margin-right: 0;
    float: left;
}

.width_3_quarter
{
    width: 66%;
    margin-right: 0;
    float: left;
}

.tablesorter
{
    width: 100%;
}

    .tablesorter td
    {
        border-bottom: 1px dotted #CCCCCC;
        margin: 0;
        padding: 0;
    }

    .tablesorter thead tr
    {
        background: url("images/table_sorter_header.png") repeat-x scroll 0 0 transparent;
        cursor: pointer;
        height: 34px;
        text-align: left;
        text-indent: 10px;
    }

    .tablesorter td
    {
        padding: 15px 10px;
    }

    .tablesorter input[type="image"]
    {
        margin-right: 10px;
    }

fieldset
{
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0;
    padding: 1% 0;
}

    fieldset legend
    {
        display: none;
    }

    fieldset li
    {
        margin: 8px 5px;
    }

    fieldset label
    {
        display: -moz-inline-box;
        display: inline-block;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        text-align: right;
        padding-right: 10px;
        text-shadow: 0 1px 0 #FFFFFF;
        text-transform: uppercase;
        width: 80px;
    }

    fieldset input[type="text"], fieldset input[type="password"]
    {
        background-position: 10px 6px;
        border: 1px solid #BBBBBB;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 2px 2px #CCCCCC inset, 0 1px 0 #FFFFFF;
        color: #666666;
        height: 20px;
        margin: 0 10px;
        padding-left: 10px;
        width: 200px;
    }

        fieldset input[type="text"]:focus, fieldset input[type="password"]:focus
        {
            border: 1px solid #77BACE;
            box-shadow: 0 2px 2px #CCCCCC inset, 0 0 10px #ADDCE6;
            outline: medium none;
        }

    fieldset select
    {
        border: 1px solid #BBBBBB;
        color: #666666;
        height: 20px;
        margin: 0 10px;
        width: 96%;
    }

    fieldset textarea
    {
        background-position: 10px 6px;
        border: 1px solid #BBBBBB;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 2px 2px #CCCCCC inset, 0 1px 0 #FFFFFF;
        color: #666666;
        display: block;
        margin: 0 10px;
        padding-left: 10px;
        width: 96%;
    }

        fieldset textarea:focus
        {
            border: 1px solid #77BACE;
            box-shadow: 0 2px 2px #CCCCCC inset, 0 0 10px #ADDCE6;
            outline: medium none;
        }


.submit_link
{
    float: right;
    margin-right: 3%;
    padding: 5px 0;
}

.module footer input[type="reset"]
{
    background: url("images/btn_submit.png") repeat-x scroll 0 0 #D0D1D4;
    border: 1px solid #A8A9A8;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #666666;
    cursor: pointer;
    font-weight: bold;
    height: 28px;
    padding: 3px 15px;
    text-shadow: 0 1px 0 #FFFFFF;
}

    .module footer input[type="reset"]:hover
    {
        color: #333333;
    }

.module footer input[type="submit"]
{
    background: url("images/btn_submit_2.png") repeat-x scroll 0 0 #D0D1D4;
    border: 1px solid #30B0C8;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #003E49;
    cursor: pointer;
    font-weight: bold;
    height: 28px;
    padding: 3px 15px;
    text-shadow: 0 1px 0 #6CDCF9;
}

    .module footer input[type="submit"]:hover
    {
        color: #001217;
    }

/* Alerts */

h4.alert_info
{
    display: block;
    width: 95%;
    margin: 20px 3% 0 3%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #B5E5EF url(images/icn_alert_info.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #77BACE;
    color: #082B33;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

h4.alert_warning
{
    display: block;
    width: 95%;
    margin: 20px 3% 0 3%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F5F3BA url(images/icn_alert_warning.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #C7A20D;
    color: #796616;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

h4.alert_error
{
    display: block;
    width: 95%;
    margin: 20px 3% 0 3%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F3D9D9 url(images/icn_alert_error.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #D20009;
    color: #7B040F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

h4.alert_success
{
    display: block;
    width: 95%;
    margin: 20px 3% 0 3%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #E2F6C5 url(images/icn_alert_success.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #79C20D;
    color: #32510F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}
